@import "public";
//head部分
#headContainer{
    width:100%;
    height:96px;
    .head{
        margin:0 auto;
        width:1190px;
        height:96px;
//      logo部分
        .logo-container{
            width:390px;
            height:96px;
            float:left;
            overflow:hidden;
            .left-logo{
                width:140px;
                height:96px;
                display: inline-block;
               // float:left;
                overflow:hidden;
                img{
                    width:140px;
                    height:96px;
                }
            }
            .right-logo{
                width:190px;
                height:96px;
                display:inline-block;
                overflow:hidden;
                margin-left: 55px;
                img{
                    width:190px;
                    height:96px;
                }
            }
        }
//      搜索栏部分
        .search-container{
            float:left;
            width:340px;
            margin:29px 0 0 60px;
            .search-form{
                position:relative;
                .search-input{
                    padding: 5px 40px 5px 0;
                    border: 1px solid #e5e1df;
                    width: 100%;
                    height: 40px;
                    //background: none;
                    //color: #33302e;
                    //font-size: 14px;
                    box-sizing: border-box;// 弹性盒模型
                    border-radius: 2px;
                    line-height: 28px;
                    //text-indent: 9px;文字缩进
                }
                .search-btn{
                    position:absolute;
                    top:0;
                    right:0;
                    float:right;
                    width:40px;
                    height:40px;
                    .icon-search{
                        position:absolute;//定位后不用再转换为inline-block
                        top:0;
                        left:0;
                        right:0;
                        bottom:0;
                        margin:auto;//定位到元素正中的位置的方法
                        //display:inline-block;
                        width:20px;
                        height:20px;
                        background:url(../img/indeximg/top.png) no-repeat;
                        overflow:hidden;
                    }
                }
            }
        }
//      购物车部分
        .cart{
            float:right;
            width:140px;
            height:40px;
            line-height: 40px;
            margin:28px 100px 0 0;
            .icon-cart{
                display:inline-block;
                width:20px;
                height:20px;
                vertical-align: middle;
                background: url(../img/indeximg/top.png) no-repeat -22px;
                margin-left: 10px;
                margin-right: 10px;
            }
            .cart-title{
                display:inline-block;
                font-size: 14px;
                color:#33302e;
            }
        }
    }
}
#headFixContainer{
    position: fixed;
    top:0;
    display:none;
    width:100%;
    height:96px;
    z-index: 1000;
    background: #fff;
    .head{
        margin:0 auto;
        width:1190px;
        height:96px;
//      logo部分
        .logo-container{
            width:390px;
            height:96px;
            float:left;
            overflow:hidden;
            .left-logo{
                width:140px;
                height:96px;
                display: inline-block;
               // float:left;
                overflow:hidden;
                img{
                    width:140px;
                    height:96px;
                }
            }
            .right-logo{
                width:190px;
                height:96px;
                display:inline-block;
                overflow:hidden;
                margin-left: 55px;
                img{
                    width:190px;
                    height:96px;
                }
            }
        }
//      搜索栏部分
        .search-container{
            float:left;
            width:340px;
            margin:29px 0 0 60px;
            .search-form{
                position:relative;
                .search-input{
                    padding: 5px 40px 5px 0;
                    border: 1px solid #e5e1df;
                    width: 100%;
                    height: 40px;
                    //background: none;
                    //color: #33302e;
                    //font-size: 14px;
                    box-sizing: border-box;// 弹性盒模型
                    border-radius: 2px;
                    line-height: 28px;
                    //text-indent: 9px;文字缩进
                }
                .search-btn{
                    position:absolute;
                    top:0;
                    right:0;
                    float:right;
                    width:40px;
                    height:40px;
                    .icon-search{
                        position:absolute;//定位后不用再转换为inline-block
                        top:0;
                        left:0;
                        right:0;
                        bottom:0;
                        margin:auto;//定位到元素正中的位置的方法
                        //display:inline-block;
                        width:20px;
                        height:20px;
                        background:url(../img/indeximg/top.png) no-repeat;
                        overflow:hidden;
                    }
                }
            }
        }
//      购物车部分
        .cart{
            float:right;
            width:140px;
            height:40px;
            line-height: 40px;
            margin:28px 100px 0 0;
            .icon-cart{
                display:inline-block;
                width:20px;
                height:20px;
                vertical-align: middle;
                background: url(../img/indeximg/top.png) no-repeat -22px;
                margin-left: 10px;
                margin-right: 10px;
            }
            .cart-title{
                display:inline-block;
                font-size: 14px;
                color:#33302e;
            }
        }
    }
}
//导航部分
#navContainer{
//  导航容器部分
    width:100%;
    min-width: 1190px;
    height:38px;
    border-top:1px solid #e5e1df;
    border-bottom:1px solid #e5e1df;
    position: relative;
    .head-nav{
        margin:0 auto;
        width:1190px;
//      商品分类部分
        .cate-title{
            position: relative;
            float: left;
            width:140px;
            line-height:40px;
            color:#fff;
            background: #33302E;
            font-size: 14px;
            text-align: center;
            .icon-cate{
                display:inline-block;
                width:20px;
                height:20px;
                background: url(../img/indeximg/index.png) no-repeat;
                vertical-align: middle;
                margin-left:10px;
            }
            //      二级菜单部分
            .submenu{
                display:none;
                position:absolute;
                top:40px;
                width:240px;
                height:500px; 
                z-index: 10000;             
                .cate-list{ 
                    position: relative;
                    padding:18px 0 18px 20px;
                    width:220px;
                    height:52px;
                    border-top:1px solid #423f3c;
                    color:#99918b;
                    background:#33302e;
                    .top-cate{
                        height:20px;
                        line-height:20px;
                        text-align: left;
                        .top-cate-bg{
                            display:inline-block;
                            width:20px;
                            height:20px;
                            background:url(../img/indeximg/index.png) no-repeat -44px 0;
                            vertical-align: middle;
                        }
                        .top-cate-link{
                            margin-left:10px;
                            color:#99918b;
                            font-size:12px;
                        }
                    }
                    .cate-hot{
                        width:200px;
                        height:12px;
                        line-height: 12px;
                        margin-top:20px;
                        font-size:0;
                        text-align: left;
                        a{
                            display:inline-block;
                            font-size:12px;
                            line-height:12px;
                            margin-right:10px;
                            color:#99918b;
                        }
                    }
                    .cate-aside{
                        display:none;
                        position:absolute;
                        top:-2px;
                        left:240px;
                        width:400px;
                        height: 382px;
                        background-color: #4c4846;
                        padding: 30px 50px 32px 0;
                        z-index: 10000;
                        li{
                            float:left;
                            width:100px;
                            height:30px;
                            text-align: right;
                            a{
                                color:#99918b;
                            }
                        }
                        .title{
                            height:70px;
                            text-align: center;
                        }
                    }
                    .cate-aside-item2{
                        top:-89px;
                    }
                    .cate-aside-item3{
                        top:-178px;
                    }
                    .cate-aside-item4{
                        top:-267px;
                    }
                    .cate-aside-item5{
                        top:-356px;
                    }
                }
            }
        }
        //      导航部分
        .nav-container{
            float:left;
            margin-left:57px;
            line-height:38px;
            li{
                float:left;
                .nav-item{
                    padding:0 25px;
                    color:#33302e;
                    font-weight:700;
                    font-size:14px;
                }
                .first{
                    padding-left:0;
                    color:#f60;
                }
            }
            .nav-line{
                display: block;
                //left:0;
                position:absolute;
                top:31px;
                .line{
                    display:block;
                    width:28px;
                    height:2px;
                    margin:0 auto;
                    background:#f60;
                }
            }
        }


    }
}
//轮播图部分
#slideShowContainer{
    width:100%;
    min-width:1190px;
    height:444px;
    background:url(../img/indeximg/banner.jpg) no-repeat center;
    margin-bottom: 50px;
    .swiper-container{
        width:100%;
        height:444px;
        img{
            width:100%;
            height: 444px;
        }
    }
    .swiper-pagination{
        span{
            background: #fff;
        }
    }
    .swiper-button-prev,.swiper-button-next{
        background-color:#000;
        opacity: .55;
    }
}
//分类部分
#businessContainer{
    width:100%;
    min-width:1190px;
    height:180px;
    margin-bottom:50px;
    .business{
        margin:0 auto;
        width:1190px;
        .business-list{
            //ul向前移动10px;解决了所有li靠左10px出现的向下挤的问题
            margin-left:-10px;
            .business-item{
                position:relative;
                float:left;
                margin-left:10px;
                width:390px;
                height:180px;
                img{
                    position:absolute;
                    top:0;
                    left:0;
                }
            }
        }
    }
}
//特别推荐部分
#topicContainer{
    width:100%;
    min-width:1190px;
    height:220px;
    margin-bottom: 100px;
    //标题部分
    .topic{
        margin:0 auto;
        width:1190px;
        .topic-title{
            display:block;
            font-size: 30px;
            line-height: 30px;
            color:#33302E;
        }
        //内容部分
        .topic-list{
            margin:20px 0 0 -30px;
            li{
                position:relative;
                float:left;
                //display:inline-block; 有间距
                width:275px;
                height:170px;
                margin-left:30px;
                a{
                    overflow:hidden;
                    display:block;
                    width:275px;
                    height:170px;
                    .topic-img{
                        z-index: 100;
                        width:275px;
                        height:170px;
                    }
                }
//              图片遮盖区
                .topic-sub{
                    position: absolute;
                    top:0;
                    display: block;
                    width:238px;
                    height:63px;
                    margin:89px 0 0 19px;
                    border:1px solid #E5E1DF;
                    .topic-blank{
                        position:absolute;
                        top:0;
                        left:0;
                        bottom:0;
                        right:0;
                        margin:auto;
                        width:235px;
                        height:60px;
                        background: #fff;
                        opacity:.75;
                    }
                    .topic-tt{
                        position:absolute;
                        top:0;
                        left:0;
                        bottom:0;
                        right:0;
                        margin:auto;
                        width:210px;
                        line-height:60px;
                        font-size:14px;
                        color:#33302e;
                        text-align: center;
                        white-space: nowrap;//不能换行
                    }
                }
            }
        }
    }
}
//人气榜
#hotSaleContainer{
    width:100%;
    min-width:1190px;
    height:750px;
    margin-bottom:100px;
    .hot-sale{
        margin:0 auto;
        width:1190px;
        height:750px;
        .hot-list{
            margin:0 -10px -10px;
//          图片部分
            li{
                float:left;
                position:relative;
                width:390px;
                height:240px;
                margin:0 0 10px 10px;
                img{
                    width:390px;
                    height:240px;
                }
                .price-type{
                    position:absolute;
                    left:20px;
                    bottom:38px;
                    font-size: 12px;
                    line-height: 12px;
                    color:#33302E;
                }
                .price{
                    position:absolute;
                    left:20px;
                    bottom:20px;
                    font-size: 18px;
                    line-height: 18px;
                    color:#33302E;
                    font-weight: 700;
                }
            }
//          中心部分
            .hot-item{
                .zh{
                    padding-top:106px;
                    font-size: 30px;
                    color:#33302E;
                    text-align: center;
                }
                .eh{
                    //有两个点没加上 需要看伪类的应用
                    font-size: 30px;
                    text-align: center;
                    color:#e5e1df;
                    font-weight:900;
                }
                //在eh标签的前后添加内容。
                .eh::before{
                    content: "\B7";
                    margin-right: 10px;
                }
                .eh::after{
                    content: "\B7";
                    margin-left:10px;
                }
            }
        }
    }
}
//实体店部分
#storeContainer{
    width:100%;
    min-width:1190px;
    height:700px;
    margin-bottom:100px;
    background-color: #f5f3f2;
    .store{
        margin:0 auto;
        width:1190px;
        //height:700px;
        padding:50px 0;
        .store-left{
            float:left;
            width:390px;
            margin-left:100px;
            h2{
                margin-top: 20px;
                color:#33302E;
                font-size: 30px;
                line-height: 30px;
                text-align: center;
            }
//          选择店铺部分
            .store-select{
                margin:45px 0 15px;
                font-size: 0;//可以解决inline-block出现的间距
                .select{
                    display:inline-block;
                    font-size: 0;
                    margin-right:20px;
                    .store-title{
                        display:inline-block;
                        font-size: 14px;
                       // vertical-align: middle;//让元素垂直居中
                        padding-bottom:1px;
                        max-width:180px;
                        //超出的部分用省略号显示
                        overflow:hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                    .store-title-down{
                        display:inline-block;
                        width:20px;
                        height:20px;
                        background: url(../img/indeximg/indexmid.png) no-repeat -24px 0;
                        //vertical-align: middle;
                        //font-size: 0;
                    }
                }
                #store-list{
                    .store-title{
                        width:180px;
                    }
                }
            }
//          店铺信息部分
            .storeInfoContainer{
                text-align: center;
                color:#99918b;
                .store-pic{
                    width:390px;
                    height:260px;
                }
                .adress{
                    display:block;
                    width:349px;
                    height:36px;
                    font-size: 12px;
                    margin:17px auto 0;
                }
                .phone{
                    display:block;
                    height:18px;
                    font-size: 12px;
                    margin:0px auto;
                }
                .contact-list{
                    display:block;
                    margin-top:40px;
                    font-size: 12px;
                    line-height: 12px;
                    .store-phone,.store-map{
                        display:inline-block;
                        color:#99918b;
                        line-height: 12px;
                    }
                }
//              按钮
                .store-btn{
                    display:block;
                    margin:40px auto 0;//加0后不会向下距离40px
                    width:90px;
                    height:30px;
                    line-height: 30px;
                    background: #FF6600;
                    border-radius: 2px;
                    color:#fff;
                    font-size: 12px;
                }
            }
        }
        .store-right{
            float:right;
            width:599px;
            height:599px;
            .store-active{
               float:right;
               .storer-pic{
                   width:290px;
                   height:396px;
               } 
            }
            .pro-list{
                margin-left: -10px;
                .list-item{
                    float:left;
                    margin:10px 0 0 10px;
                    .link{
                        display:block;
                        position:relative;
                        .storer-pic{
                            width:290px;
                            height:193px;
                        }
                        .price{
                            position: absolute;
                            right: 0;
                            bottom: 0;
                            font-size: 14px;
                            font-weight: 900;
                            height:20px;
                            padding-right: 10px;
                            color:#33302E;
                            width:100%;
                            text-align: right;
                            //背景渐变
                            background: linear-gradient(270deg,hsla(0,0%,100%,.75),hsla(0,0%,100%,0) 58%);
                        }
                    }
                }
                :first-child{
                    margin-top:0;
                }
            }
        }
    }
}
//楼层
#floorContainer{
    width:100%;
    height:1113px;
    min-width:1190px;
    margin-bottom:100px;
    .floor{
        margin:0 auto;
        width:1190px;
        
        //标题部分
        .floor-title{
            float:left;
            width:440px;
            padding-top:150px;
            margin-right:10px;
            //font-size: 30px;
            text-align: center;
            h4{
                font-size: 30px;
                line-height:30px;
            }
            p{
                padding-top:30px;
                .more{
                    display:block;
                    font-size: 14px;
                    line-height: 14px;
                    color:#99918B;
                }
            }
        }
        //大图部分
        .floor-main{
            position: relative;
            z-index: 20;
            dt{
                
                float:right;
                width:740px;
                height:493px;
                img{
                   width:740px;
                   height:493px;
                }
            }
            .news{
                float:right;
                margin-right: 20px;
                padding:90px 0 50px;
                text-align: right;
                .info,.name,.price{
                    width:420px;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }
                .info{
                    line-height: 30px;
                    a{ 
                        font-size: 18px;
                        color:#33302E;
                    }
                } 
                .name{
                    line-height: 30px;
                    a{
                        font-size: 12px;
                        color:#99918b;
                        border-top:1px solid #99918B;  
                    }
                }
                .price{
                    line-height: 14px;
                    a{
                        font-size: 14px;
                        color:#33302E;
                        font-weight: 900;
                    }
                }

            }
        }
//      列表图部分
        .floor-sub{
            position:relative;
            min-height:380px;
            margin-top:-50px;
            background: #F5F3F2;
            z-index: 10;
            .goods-list{
                margin-left:-10px;
                padding:90px 0 17px;
                li{
                    float:left;
                    width:290px;
                    height:290px;
                    margin-left: 60px;
                    text-align: center;
                    dt{
                        width:290px;
                        height:193px;
                        overflow:hidden;
                        img{
                            width:290px;
                            height:193px;
                        }
                    }
                    .info,.name,.price{
                        width:290px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .info{
                        line-height: 30px;
                        a{ 
                            font-size: 14px;
                            color:#33302E;
                        }
                    } 
                    .name{
                        line-height: 30px;
                        border-top:1px solid #99918B; 
                        a{
                            font-size: 12px;
                            line-height: 12px;
                            color:#99918b; 
                        }
                    }
                    .price{
                        line-height: 20px;
                        span{
                            font-size: 12px;
                            color:#33302E;
                            font-weight: 900;
                        }
                    }
                }
            }
        }
//      右侧链接
        .more-two{
            position:absolute;
            top:50px;
            right:0;
            bottom:0;
            width:100px;
            a{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right:0;
                margin:auto;
                writing-mode: vertical-rl;//书写方式 竖直方向
                line-height: 128px;//让a的内容居中 因为是竖直方向写的所以宽就是行高
                font-size: 14px;
                color: #99918B;
                text-align: center;
                background: #fff;
            }
            .arrow{
                position:absolute;
                top: 0;
                bottom: 0;
                left: 20px;
                right:0;
                margin:auto;
                width:20px;
                height:20px;
                background: url(../img/indeximg/indexmid.png) no-repeat -46px 0;
            }
        }
    }
}
//分类导航部分
#classificationContainer{
    width:100%;
    min-width: 1190px;
    min-height: 770px;
    margin-bottom: 50px;
    padding:50px 0;
    background: #F5F3F2;
    .classification{
        position:relative;
        margin:0 auto;
        width:990px;
        height:770px;
//      图片定位
        .item{
            position: absolute;
        }
        .item1{
            top:50px;
            left:160px;
            width:140px;
            height:140px;
        }
        .item2{
            top:200px;
            left:10px;
            width:290px;
            height:179px;
        }
        .item3{
            top: 0;
            left: 310px;
            width:240px;
            height:380px;
        }
        .item4{
            top: 160px;
            left: 560px;
            width: 190px;
            height: 222px;
        }
        .item5{
            top: 160px;
            left: 760px;
            width: 140px;
            height: 222px;
        }
        .item6{
            top: 390px;
            left: 110px;
            width: 190px;
            height: 301px;
        }
        .item7{
            top: 390px;
            left: 310px;
            width: 240px;
            height: 380px;
        }
        .item8{
            top: 390px;
            left: 560px;
            width: 340px;
            height: 210px;
        }
        .item9{
            top: 610px;
            left: 560px;
            width: 140px;
            height: 160px;
        }
    }
}
//大家都在说
#commentContainer{
    width:100%;
    min-width:1190px;
    margin-bottom: 100px;
    .comment{
        margin:0 auto;
        width:1190px;
        height:375px;
        .title{
            font-size: 30px;
            text-align: left;
            padding-bottom:20px;
        }
        .roll-area{
            width:1190px;
            height:315px;
            position:relative;
            //按钮部分
            .hbtn{
                position: absolute;
                top:-55px;
                right:0;
                .prev{
                    display:inline-block;
                    width:30px;
                    height:30px;
                    background: #F5F3F2 url(../img/indeximg/indexbom.png) no-repeat -20px;
                }
                .next{
                    display:inline-block;
                    width:30px;
                    height:30px;
                    background: #F5F3F2 url(../img/indeximg/indexbom.png) no-repeat -50px;
                }
            }
//          列表图部分
            .slider{
                width:1200px;
                overflow:hidden;
                position: relative;
                .list{
                    width:1200px;
                    height:315px;
                    .item{
                        float:left;
                        width:290px;
                        height:315px;
                        margin-right:10px;
                        position: relative;
                        img{
                            position: absolute;
                            top:0;
                            left:0;
                            width:290px;
                            height:190px;
                        }
                        .eval-wrap{
                            position: absolute;
                            left:0;
                            bottom:0;
                            padding:0 10px;
                            width:270px;
                            min-height:120px;
                            background: #fff;
                            .eval-info{
                                height:30px;
                                line-height: 30px;
                                border-bottom:1px solid #99918B;
                                span{
                                    overflow: hidden;
                                    white-space: nowrap;
                                    text-overflow: ellipsis;
                                }
                                .name{
                                    float:left;
                                    width:180px;
                                    text-align: left;
                                    a{
                                        font-size: 12px;
                                        color: #99918B;
                                    }
                                }
                                .price{
                                    float: right;
                                    width: 40px;
                                    font-size: 12px;
                                    font-weight: 900;
                                    text-align: right;
                                }
                            }
                            .eval-detail{
                                margin-top: 10px;
                                min-height: 50px;
                                max-height: 50px;
                                overflow: hidden;
                                //white-space: nowrap; 只针对单行文本
                                text-overflow: ellipsis;
                                font-size: 12px;
                            }
                            .eval-contact{
                                margin-top: 15px;
                                height:15px;
                                line-height: 15px;
                                overflow:hidden;
                                color:#99918B;
                                font-size: 12px;
                                .phone{
                                    float:left;
                                    width:120px;
                                    text-align: left;
                                }
                                .time{
                                    float:right;
                                    width:150px;
                                    text-align: right;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
//首页底部
#indexFooterContainer{
    width:100%;
    min-width:1190px;
    .contactContainer{
        width:100%;
        background: #99918B;
        color:#fff;
        .contact{
            margin:0 auto;
            width:1190px;
            height:120px;
            padding:50px 0 40px;
            //左侧电话部分
            .phone{
                float:left;
                width:350px;
                .item{
                    height:30px;
                    margin-bottom:20px;
                    span{
                        display:inline-block;
                        position:relative;
                        top:-5px;
                        //可以对元素本身进行定位
                        font-size: 14px;
                        margin-right: 10px;
                        width:70px;
                        text-align: right;
                    }
                    i{
                        display: inline-block;
                        font-size: 30px;
                        line-height: 30px;
                    }
                }
                .item-mail{
                    span{
                        top:0;
                    }
                    i{
                        font-size: 18px;
                        line-height: 18px;
                    }
                    
                }
            }
            //中间部分
            .advantage{
                float:left;
                width:400px;
                padding:0 43px 0 50px;
                font-size: 18px;
                border-left:1px solid #807974;
                border-right:1px solid #807974;
                .item{
                    float:left;
                    width:200px;
                    height:40px;
                    //vertical-align: middle;
                    margin:0 0 20px 0;
                    .icon-26year{
                        display:inline-block;
                        margin-right:10px;
                        width:40px;
                        height:40px;
                        vertical-align: middle;
                        background: url(../img/indeximg/index-sprite.png) no-repeat -100px 0;
                    }
                    .icon-7day{
                        display:inline-block;
                        margin-right:10px;
                        width:40px;
                        height:40px;
                        vertical-align: middle;
                        background: url(../img/indeximg/index-sprite.png) no-repeat -184px 0;
                    }
                    .icon-3a{
                        display:inline-block;
                        margin-right:10px;
                        width:40px;
                        height:40px;
                        vertical-align: middle;
                        background: url(../img/indeximg/index-sprite.png) no-repeat -142px 0;
                    }
                    .icon-much{
                        display:inline-block;
                        margin-right:10px;
                        width:40px;
                        height:40px;
                        vertical-align: middle;
                        background: url(../img/indeximg/index-sprite.png) no-repeat -226px 0;
                    }
                    span{
                        display:inline-block;
                        font-size: 18px;
                        color: #fff;
                    }
                }
            }
            //右侧二维码部分
            .qrcode{
                float:left;
                padding-left: 55px;
                margin-bottom: 10px;
                width: 200px;
                height: 110px;
                .item{
                    float: left;
                    margin-right: 10px;
                    width: 90px;
                    height: 110px;
                    text-align: center;
                    p{
                        font-size: 12px;
                        margin-top: 6px;
                    }
                }
            }
            //右侧网络链接部分
            .networklink{
                float: left;
                width: 90px;
                height: 120px;
                .item{
                    display: block;
                    margin-bottom: 10px;
                    border: 1px solid #fff;
                    width: 88px;
                    height: 38px;
                    line-height: 40px;
                    color: #fff;
                    text-align: center;
                }
            }
        }
    }
    .friendship{
        margin-top:50px;
        text-align:center;
        font-size:0;
        .link{
            //text-align:center;
            .item{
                display:inline-block;
                margin-right:5px;
                font-size:12px;
                color:#99918b;
            }
            i{
                font-size:12px;
                color:#99918b;
                margin-right:5px;
            }
        }
        .copyright{
            margin-top:10px;
            font-size:12px;
            color:#99918b;
        }
    }
    .certification{
        margin:20px 0 50px;
        text-align:center;
        .icon-footer{
           display:inline-block;
            margin:0 5px;
        }
    }
}
